import React, { Component } from 'react';

import { geobalContext } from "./common/js/globalData"; //共享数据的组件

import Child11 from "./Child1的子组件";

// 解构
let {Consumer} = geobalContext

class Child1 extends Component {
  constructor(props) {
    super(props);
  }
  state = {  }
  render() { 
    return ( 
      <>
        <Consumer>
          {
            value=>(
              <div>
                子组件1:
                子组件读取父组件的数据{value.name}

                <button onClick={()=>value.updateRole('zhangsan')}>修改全部name</button>
              </div>
            )
          }
        </Consumer>

        {/* 在父组件 插槽传过来的内容 <匿名插槽> */}
        {this.props.children}
        {/* 在父组件 插槽传过来的内容 <命名插槽> */}
        {this.props.footer}

        <Child11></Child11>

      </>
     );
  }
}
 
export default Child1;